<template>
<div>
  <div class="header">
    <slot name="header"> <h1>header</h1> </slot>
  </div>
  <div class="main">
    <slot> <h1>main</h1> </slot>
  </div>
  <div class="footer">
    <slot name="footer"> <h1>footer</h1> </slot>
  </div>
  <div class="other">
    <!-- 作用域插槽 -->
    <slot name="other" v-bind:user="user">{{user.name}}</slot>
  </div>

</div>
</template>

<script>
export default {
name: "Demo01_1",
  data(){
    return{
      user:{
        name:'FX',
        age:'18'
      }
    }
  }
}
</script>

<style scoped>

</style>